<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style type="text/css">

			.big-div{
				width: 189px;
				height: 400px;
				background-color: orange;
				margin: auto;
			}
			.div1{
				text-align: center;
				font: "黑体";
				font-size: 24px;
				color: white;
				margin-bottom: 10px;
				line-height: 80px;
				font-weight: bold;
			}
			.div2 table tr td div{
				border: 1px solid white;
				background-color: white;
				border-radius: 3px;
				font: "黑体";
				font-size: 12px;
				padding: 10px;
				margin-left: 15px;
				margin-bottom: 10px;
			}
			a{
				text-decoration: none;
				color: black;
			}
			.div2 table tr td div:hover{
				background-color: antiquewhite;
			}
		</style>
	</head>
	<body>
		<div class="big-div">
			<div class="div1">产品分类</div>
			<div class="div2">
				<table>
					<tr>
						<td>
							<div><a href="#">分类名称</a></div>
						</td>
						<td>
							<div><a href="#">分类名称</a></div>
						</td>
						<tr>
						<td>
							<div><a href="#">分类名称</a></div>
						</td>
						<td>
							<div><a href="#">分类名称</a></div>
						</td>
						<tr>
						<td>
							<div><a href="#">分类名称</a></div>
						</td>
						<td>
							<div><a href="#">分类名称</a></div>
						</td>
						<tr>
						<td>
							<div><a href="#">分类名称</a></div>
						</td>
						
					</tr>
				</table>
			</div>
		</div>
	</body>
</html>
